<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, width=device-width, maximum-scale=1, user-scalable=no">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">

<link rel="stylesheet" type="text/css" href="/Public/css/boot.css">
<link rel="stylesheet" type="text/css" href="/Public/font/css/font-awesome.css">
<link rel="stylesheet" type="text/css" href="/Public/css/s.css">
<link rel="stylesheet" type="text/css" href="/Public/css/wap.css">

<div class="hover">
	<div class="text">
		<span>加载中...</span> <i class="fa fa-spinner fa-spin"></i>
	</div>
</div>



<script type="text/javascript" src="/Public/js/jq.js"></script>
<script type="text/javascript" src="/Public/js/jqui.js"></script>
<script type="text/javascript" src="/Public/js/lazyload.js"></script>
<script type="text/javascript" src="/Public/js/boot.js"></script>
<script type="text/javascript" src="/Public/js/function.js"></script>




<!-- 引入 jQuery Mobile 库 -->

    <meta name="description" content="<?php echo ($info["description"]); ?>">
    <meta name="keywords" content="<?php echo ($info["keywords"]); ?>">
    <title><?php echo ($info["title"]); ?>-我的余额</title>
    <style type="text/css">
        .num{
            background: #f23030; color:#fff;
        }
        .num .title{
            width:100%; height:50px; line-height:50px; padding:0 20px;
        }
        .num .count{
            font-size:60px;padding:0 20px;
        }
        .lists{
            width:100%; margin:10px 0;
        }

        .list{
            width:100%; height:45px;  background-color:#FFFFFF; border-bottom:1px solid #f3f3f3;
        }
        .list:active{
            background-color:#f9f9f9;
        }
        .list .ico{
            width:45px; height:45px; float:left;
        }
        .list .ico img{
            width:25px; height:25px;  margin:10px;
        }
        .list .name{
            height:45px; line-height:45px; float:left; margin:0 15px 0 5px; font-size: 15px; color:#666;
        }
    </style>
</head>
<body>
	<div class="head" style="background-color:#f23030;">
        <div class="left" onclick="back()">
            <i class="fa fa-chevron-left" aria-hidden="true"></i>
        </div>
        <div class="center">
            <p><i class="icon-user"></i> 我的余额</p>
        </div>
        <div class="right">
            
        </div>
    </div>
    <div class="body">
        <div class="num">
            <div class="title">
                账户余额（元）
            </div>
            <div class="count" id="count">
                0.00
            </div>
        </div>

        <div class="lists">
            <div class="list" onclick="chongzhi()">
                <div class="ico"><img src="/Public/img/chongzhi.png"></div>
                <div class="name">充值余额</div>            
            </div>
            <div class="list" onclick="tixian()">
                <div class="ico"><img src="/Public/img/tixian.png"></div>
                <div class="name">提现余额</div>        
            </div>
            <a href="/index.php/User/money_change.html">
                <div class="list">
                    <div class="ico"><img src="/Public/img/jilu.png"></div>
                    <div class="name">交易记录</div>        
                </div>
            </a>
        </div>
    </div>


	<div class="clear"></div>
<div class="foot">
	<a href="<?php echo U('Index/index');?>" data-transition="slide">
		<div class="bttn">
			<div class="img"><i class="fa fa-home" aria-hidden="true"></i></div>
			<div class="text">首页</div>
		</div>
	</a>
	<a href="<?php echo U('Cart/index');?>" data-transition="slide">
		<div class="bttn">
			<div class="img"><i class="fa fa-shopping-cart" aria-hidden="true"></i></div>
			<div class="text">购物车</div>
		</div>
	</a>
	<a href="<?php echo U('Friend/index');?>" data-transition="slide">
		<div class="bttn">
			<div class="img"><i class="fa fa-users" aria-hidden="true"></i></div>
			<div class="text">好友</div>
		</div>
	</a>
	<a href="<?php echo U('Bbc/index');?>" data-transition="slide">
		<div class="bttn">
			<div class="img"><i class="fa fa-comments-o" aria-hidden="true"></i></i></div>
			<div class="text">论坛</div>
		</div>
	</a>
	<a href="<?php echo U('Mine/index');?>" data-transition="slide">
		<div class="bttn">
			<div class="img"><i class="fa fa-user" aria-hidden="true"></i></div>
			<div class="text">我的</div>
		</div>
	</a>
</div>



    <script type="text/javascript" src="/Public/js/countUp.js"></script>
    <script type="text/javascript">
        imgload();
        
        var options = {
          useEasing : false, 
          useGrouping : false, 
          separator : ',', 
          decimal : '.', 
        };
        var demo = new CountUp("count", 0, 199.5, 2, 2, options);
        demo.start();

        function chongzhi(){
            var num=prompt("请输入充值金额",100);
            if(num){
                num = parseFloat(num).toFixed(2);
                if (num == "NaN" || num == NaN) {
                    alert('请输入正确的充值金额');
                }else{
                    alert('启动微信支付');
                }
            }
        }

        function tixian(){
            var num=prompt("请输入提现金额",$('#count').html());
            if(num){
                num = parseFloat(num).toFixed(2);
                if (num == "NaN" || num == NaN) {
                    alert('请输入正确的充值金额');
                }else{
                    alert('正在提现');
                }
            }
        }
    </script>
	
</body>
</html>